import React,{useState,useEffect} from 'react'
import './index.css'
export default function Choiceness() {
    const [choData, setchoData] = useState([])
    useEffect(() => {
        setchoData([
            {
                title:'内蒙古草原',
                text:'羔羊羊精肉',
            },
            {
                title:'内蒙古草原',
                text:'羔羊羊精肉',
            },
            {
                title:'内蒙古草原',
                text:'羔羊羊精肉',
            },

            {
                title:'内蒙古草原',
                text:'羔羊羊精肉',
            }
        ])
    }, []) 
    const choLi =choData.map((choData,i)=>{
        return <li key={i} className="choLi">
            <span className="tip"></span>
            <h3>{choData.title}</h3>
            <h4>{choData.text}</h4>
        </li>
    })
    return (
        <div className="cho">
            <ul>
                {choLi}
            </ul>
        </div>
    )
}
